/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #3578e5;
  --ifm-color-primary-dark: #1d68e1;
  --ifm-color-primary-darker: #1b62d4;
  --ifm-color-primary-darkest: #1751af;
  --ifm-color-primary-light: #4e89e8;
  --ifm-color-primary-lighter: #5a91ea;
  --ifm-color-primary-lightest: #80aaef;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --ifm-background-color: #f5f5f5;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #ffba00;
  --ifm-color-primary-dark: #e6a700;
  --ifm-color-primary-darker: #d99e00;
  --ifm-color-primary-darkest: #b38200;
  --ifm-color-primary-light: #ffc11a;
  --ifm-color-primary-lighter: #ffc426;
  --ifm-color-primary-lightest: #ffcf4d;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

.navbar__link {
  border-radius: 0.25rem;
  padding: 0.4rem 0.8rem;
  margin: 0.25rem;
  transition: background 0.5s ease;
  --ifm-navbar-link-hover-color: var(--ifm-color-emphasis-900);
}
@media (max-width: 996px) {
  .navbar__link {
    display: none;
  }
}
.navbar__link:hover {
  background: var(--ifm-color-emphasis-300);
}
.navbar__link--active {
  font-weight: bold;
  background: var(--ifm-color-primary);
  color: #ffffff;
}
.navbar__link--active:hover {
  background: var(--ifm-color-primary-darkest);
  color: #ffffff;
}
.footer {
  --ifm-footer-title-color: var(--ifm-color-primary);
}

.navbar_download {
  background-color: #4262ff;
  color: #ffffff;
  font-weight: bold;
}
.navbar_download:hover {
  background: var(--ifm-color-emphasis-300);
  font-weight: normal;
}
.footer__col {
  padding-left: 8em;
}
